<html>
<head>
    <meta charset="UTF-8">
    <title>红魔3——努比亚官方网站</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <link rel="icon" href="//static.nubia.cn/images/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
</head>
<body class="devils">

<nav class="navbar navbar-expand-lg navbar-light bg-dark">
    <div class="container">
        <a class="navbar-brand" href="#"><img src="img/logo.png" alt=""></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a class="nav-link" href="index.html">商城</a>
                </li>
                <li class="nav-item" id="ph">
                    <a class="nav-link" href="#">手机</a>
                </li>
                <li class="nav-item" id="re">
                    <a class="nav-link" href="#">红魔手机</a>
                </li>
                <li class="nav-item" id="pa">
                    <a class="nav-link" href="#">配件</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">摄影</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">服务</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">体验店</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">社区</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">nubia UI</a>
                </li>
            </ul>
        </div>
    </div>
</nav>


<main>
    <div class="img-1">
        <img src="img/d-m-1-1.png" alt="" class="img1">
        <img src="img/d-m-1-2.png" alt="" class="img2">
        <img src="img/d-m-1-3.png" alt="" class="img3">
    </div>
    <div class="img-2">
        <div class="container">
            <h2 id="h2-1">ICE2.0 立体多维散热系统</h2>
            <p id="p-1">
                内置重约1G的超轻纳米材料高效离心风扇，采用液体轴承技术，最高转速达14000、静音、低功耗、经久耐用。风扇主动散热区覆盖主发热区域，配合液
                冷管+高导热铜箔+多层石墨烯+金属机身，可有效覆盖全部发热部件，开创手机散热新篇章，有效提升CPU最大性能运行时间，让你尽情畅游，轻松竞技。
            </p>
            <div class="row" style="position: absolute">
                <div class="col-md-6">
                    <img src="img/d-m-3-1.gif" alt="">
                    <h5>ICE2.0多维立体散热系统</h5>
                </div>
                <div class="col-md-6">
                    <img src="img/d-m-3-2.gif" alt="">
                    <h5>高效能离心风扇</h5>
                </div>
                <div class="col-md-6">
                    <img src="img/d-m-3-3.gif" alt="">
                    <h5>高导热液冷管</h5>
                </div>
                <div class="col-md-6">
                    <img src="img/d-m-3-4.gif" alt="">
                    <h5>近黑体材质</h5>
                </div>

            </div>
        </div>
    </div>
    <div class="img-3">
        <div class="container">
            <h2>BOSS级硬件配置</h2>
            <p>
                配备高通晓龙855旗舰处理器，12GB RAM+256GB ROM存储组合，支持4G+全网通网络及双频wifi，免费游戏网络加速功能加持，强悍的火力配置，让红
                魔3拥有更快更稳定的处理速度和网络连接速度，让你在各种大型游戏中畅行无阻
            </p>
            <div class="row">
                <div class="col-md-2 active">
                    <h4>高通晓龙™ 855</h4>
                    <p>年度旗舰处理器</p>
                </div>
                <div class="col-md-2">
                    <h4>Kryo™ 485</h4>
                    <p>CPU性能提升45%</p>
                </div>
                <div class="col-md-2">
                    <h4>Adreno™ 640</h4>
                    <p>GPU性能提升20%</p>
                </div>
                <div class="col-md-2">
                    <h4>第四代AI引擎</h4>
                    <p>AI性能提升3倍</p>
                </div>
                <div class="col-md-2">
                    <h4>Elite Gaming</h4>
                    <p>游戏专项调校</p>
                </div>
                <div class="col-md-2">
                    <h4>RAM+265G</h4>
                    <p>最高支持配置</p>
                </div>
            </div>
            <div class="p">
                <p>备注：红蓝竞技、战地迷彩版本为12GB RAM+256GB ROM存储组合，另有其他内存版本可供选择</p>
                <p>*核心数据来自高通晓龙855产品信息。</p>
            </div>
        </div>
    </div>
    <div class="img-4 text-center" id="img-4">
        <div class="container">
            <h2>5000mAh电竞手机专用电池</h2>
            <p>采用新一代电池技术，为您提供经久不衰的战斗动力，智能调节充电速度，斩妖屠魔，后顾无忧</p>
            <div class="row">
                <div class="col-md-2"></div>
                <div class="col-md-2"></div>
                <div class="col-md-2 active">
                    <h4>27W PD快充</h4>
                    <p>充电十分钟，游戏一小时</p>
                </div>
                <div class="col-md-2">
                    <h4>5000mAh</h4>
                    <p>大电池容量</p>
                </div>
                <div class="col-md-2"></div>
                <div class="col-md-2"></div>
            </div>
            <img src="img/d-m-4-1.png" alt="" id="img4">
        </div>
    </div>
    <div class="img-5 text-center">
        <div class="container">
            <h2>6.65"高清全面屏</h2>
            <p>6.65" Amoled高清全面屏，90Hz屏幕刷新率及1ms快速屏幕响应，为你捕捉游戏中的每一个精彩细节，低至41.7ms的快速屏幕触控响应，让你尽享竞技快感</p>
            <div class="row">
                <div class="col-md-2"></div>
                <div class="col-md-2">
                    <h4>6.65"</h4>
                    <p>Amoled高清全面屏</p>
                </div>
                <div class="col-md-2 active">
                    <h4>90Hz</h4>
                    <p>屏幕刷新率</p>
                </div>
                <div class="col-md-2 active">
                    <h4>DCI-P3</h4>
                    <p>>100% NTSC</p>
                </div>
                <div class="col-md-2 active">
                    <h4>DC调光</h4>
                    <p>改善用眼疲劳</p>
                </div>
                <div class="col-md-2"></div>
            </div>
        </div>
    </div>
    <div class="img-6 text-center">
        <div class="container">
            <h2>双超线性扬声器+AI语音消噪</h2>
            <p>
                采用正面对称双超线性扬声器，大音量，防遮音设计，搭载DTS 7.1+双box+双MartPA的梦幻组合，全新3D环绕立体声让你轻松了解敌人方位。独特三
                麦克风设计，配备游戏专属mic，通过强大的AI能力与先进的波束形成算法，将人声与噪音分离，有效抑制环境中的各种噪音。
            </p>
            <img src="img/d-m-7-1.png" class="left" alt="">
            <img src="img/d-m-7-2.png" class="right" alt="">
            <div class="row">
                <div class="col-md-2"></div>
                <div class="col-md-2">
                    <h4>3D环绕立体声</h4>
                    <p>双超线性扬声器</p>
                </div>
                <div class="col-md-2 active">
                    <h4>背景音立体声</h4>
                    <p>通话听声辨位两不误</p>
                </div>
                <div class="col-md-2 active">
                    <h4>三麦克风设计</h4>
                    <p>AI语音降噪</p>
                </div>
                <div class="col-md-2 active">
                    <h4>防啸叫</h4>
                    <p>有效抑制啸叫</p>
                </div>
                <div class="col-md-2"></div>
            </div>
        </div>
    </div>
    <div class="img-7 text-center">
        <div class="container">
            <h2>游戏触控键+指纹游戏键</h2>
            <p>
                手机侧面电容触控按键可创建两个虚拟热键，按键采用人体工程学U型凹槽设计可实现盲操作，比传统手柄操作更加便捷，同事增加后置指纹游戏按键设
                置，触控响应时间低至25ms，再配合快速的屏幕触控响应，五指操作，跳跃、开镜、瞄准、射击，一气呵成，酣畅淋漓。
            </p>
        </div>
    </div>
    <div class="img-8">
        <div class="container">
            <h2>4D智能震感</h2>
            <p>
                支持游戏中震动反馈，与游戏合作方进行系统原生级调教，智能匹配各种武器、
                枪械在不同游戏场景中的震感，让你在竞技过程中仿如置身于战火纷飞的疆场，
                同时采用音轨分离技术，游戏音和语音信息独立，有效避免语音信息造成误震。
            </p>
            <img src="img/d-m-9-1.png" class="top" alt="">
            <img src="img/d-m-9-2.png" class="bottom" alt="">
        </div>
    </div>
    <div class="img-9">
    </div>
    <div class="img-10">
        <div class="container">
            <h2>红魔3 电竞魔盒</h2>
            <p>
                专为横屏竞技定制设计，可连接网线进行百兆Ethernet数据传输，无延时，让竞技不再因无线网络的不稳定性而苦恼，还可以连接网线开热点，组队一起开黑。
                同时可外接3.5mm接口耳机、Type-C充电线，为横屏竞技扫清障碍，无拘无束，尽情体验竞技快感。
            </p>
        </div>
    </div>
    <div class="img-11 text-center" id="img-11">
        <div class="container">
            <p>
                传承红魔“X”未来战舰造型，全金属机身后壳，更薄更大更圆润的设计，带来舒适的握持体验。炫彩灯效全新升级，新增红魔之眼
                ——Logo灯效搭配1680万色的炫彩灯带梦幻AI灯效，光随声动，为你开启刀光剑影的游戏江湖。
            </p>
            <img src="img/d-m-11-2.png" alt="" id="img11">
        </div>
    </div>
    <div class="img-12 text-center">
        <div class="container">
            <h2>4800万像素+1600万像素摄像头</h2>
            <p>后置4800万像素摄像头+前置1600万像素摄像头组合，NeoVision摄影引擎加持，支持AI美颜自拍，支持AI降噪，让你在手游电竞之余畅想生活每一刻</p>
            <div class="row">
                <div class="col-md-2 active">
                    <h4>索尼IMX586</h4>
                    <p>CMOS图像传感器</p>
                </div>
                <div class="col-md-2">
                    <h4>1/2.0</h4>
                    <p>传感器尺寸</p>
                </div>
                <div class="col-md-2">
                    <h4>F/1.7</h4>
                    <p>大光圈</p>
                </div>
                <div class="col-md-2">
                    <h4>80.32°</h4>
                    <p>大广角</p>
                </div>
                <div class="col-md-2">
                    <h4>8k</h4>
                    <p>高清视频拍摄</p>
                </div>
                <div class="col-md-2">
                    <h4>1920fps 64倍</h4>
                    <p>慢动作拍摄</p>
                </div>
            </div>
        </div>
    </div>
</main>

<div class="phone" id="phone">
    <div class="container">
        <ul class="aaa">
            <li><a href="">
                <img src="img/i-n-1.png" alt="">
                <p>红魔3</p>
            </a></li>
            <li><a href="">
                <img src="img/i-n-2.png" alt="">
                <p>努比亚阿尔法</p>
            </a></li>
            <li>
                <a href="">
                    <img src="img/i-n-3.png" alt="">
                    <p>红魔Mars</p>
                </a>
            </li>
            <li><a href="">
                <img src="img/i-n-4.png" alt="">
                <p>X</p>
            </a></li>
            <li><a href="">
                <img src="img/i-n-5.png" alt="">
                <p>Z18</p>
            </a></li>
        </ul>
    </div>
</div>
<div class="red" id="red">
    <div class="container">
        <ul class="aaa">
            <li><a href="">
                <img src="img/i-n-1.png" alt="">
                <p>红魔3</p>
            </a></li>
            <li><a href="">
                <img src="img/i-n-3.png" alt="">
                <p>红魔Mars</p>
            </a></li>
            <li><a href="">
                <img src="img/i-n-6.png" alt="">
                <p>红魔</p>
            </a></li>
        </ul>
    </div>
</div>
<div class="parts" id="parts">
    <div class="container">
        <ul class="aaa">
            <li><a href="">
                <img src="img/i-p-1.png" alt="">
                <p>保护套</p>
            </a></li>
            <li><a href="headset.html">
                <img src="img/i-p-2.png" alt="">
                <p>耳机</p>
            </a></li>
            <li><a href="">
                <img src="img/i-p-3.png" alt="">
                <p>数据线</p>
            </a></li>
            <li><a href="">
                <img src="img/i-p-4.png" alt="">
                <p>周边产品</p>
            </a></li>
        </ul>
    </div>
</div>


<div id="top">
    <i class="fa fa-arrow-up"></i>
</div>


<footer>
    <div class="top">
        <div class="container">
            <div class="row">
                <div class="col2">
                    <h4>关于我们</h4>
                    <ul>
                        <li><a href="">关于nubia</a></li>
                        <li><a href="">产品热评</a></li>
                        <li><a href="">体验店</a></li>
                        <li><a href="">新闻中心</a></li>
                        <li><a href="">视频长廊</a></li>
                        <li><a href="">联系我们</a></li>
                        <li><a href="">企业购</a></li>
                        <li><a href="">友情链接</a></li>
                        <li><a href="">合作伙伴</a></li>
                    </ul>
                </div>
                <div class="col2">
                    <h4>手机</h4>
                    <ul>
                        <li><a href="">红魔3</a></li>
                        <li><a href="">阿尔法</a></li>
                        <li><a href="">红魔Mars游戏电竞手机</a></li>
                        <li><a href="">红魔电竞手机</a></li>
                        <li><a href="">X</a></li>
                        <li><a href="">Z18</a></li>
                        <li><a href="">Z18min</a></li>
                        <li><a href="">V18</a></li>
                        <li><a href="">Z17S</a></li>
                    </ul>
                </div>
                <div class="col2">
                    <h4>配件</h4>
                    <ul>
                        <li><a href="">保护套</a></li>
                        <li><a href="">耳机</a></li>
                        <li><a href="">数据线/充电器</a></li>
                        <li><a href="">周边产品</a></li>
                    </ul>
                </div>
                <div class="col2">
                    <h4>服务中心</h4>
                    <ul>
                        <li><a href="">个人中心</a></li>
                        <li><a href="">售后服务</a></li>
                        <li><a href="">售后网点</a></li>
                        <li><a href="">特色服务</a></li>
                        <li><a href="">软件下载</a></li>
                        <li><a href="">产品安全</a></li>
                    </ul>
                </div>
                <div class="col2">
                    <h4>关注我们</h4>
                    <ul>
                        <li><a href="">官方社区</a></li>
                        <li><a href="">新浪微博</a></li>
                    </ul>
                </div>
                <div class="col2">
                    <h4>全国服务热线</h4>
                    <ul>
                        <li><a href=""><i class="fa fa-phone"></i>400-700-6600</a></li>
                        <li>周一到周日 8:30-20:30</li>
                        <li>（全年无休）</li>
                        <li><a href="" class="aaa"><i class="fa fa-commenting"></i>在线客服</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom">
        <img src="img/nubia-logo-x2.png" alt="" class="iii">
        <p>
        <div class="weibo">
            <i class="fa fa-weibo"></i>
        </div>
        <div class="weixin">
            <i class="fa fa-weixin"></i>
            <div class="ewm">
                <div class="img">
                    <img src="img/nb-weixin-code-figure.jpg" alt="">
                </div>
            </div>
        </div>
        </p>
        <span>2012-2019 努比亚技术有限公司 版权所有 <a href=""><i class="g"></i>简体中文</a></span>
        <p><i class="i1"></i>粤ICP备10006213号 <i class="i2"></i>ICP经营许可编码：粤B2-20120688 <i class="i3"></i> 粤公网安备
            44030502000309</p>
        <span>
            <img src="img/cnnic.png" alt="">
            <img src="img/cert.png" alt="">
        </span>
    </div>
</footer>
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script src="js/vue.js"></script>
<script src="js/axios.min.js"></script>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/script.js"></script>
<script src="js/jquery-3.3.1.js"></script>
<script src="js/json.js"></script>
<script>
    var img1 = document.querySelector(".img1");
    var img2 = document.querySelector(".img2");
    var img3 = document.querySelector(".img3");
    window.onload = function () {
        img1.style.display = "block";
        img2.style.display = "block";
        img3.style.display = "block";
        img1.style.top = "230px";
        img2.style.top = "50px";
        img3.style.top = "165px";
    }


    var t = document.querySelector("#top");
    window.onscroll = function () {
        if (document.documentElement.scrollTop > 500 || document.body.scrollTop > 500) {
            t.style.display = "block"
        } else {
            t.style.display = "none"
        }
    };

    t.addEventListener('click', function () {
        window.scrollTo({
            top: 0,
            behavior: 'smooth'
        })
    });

    var img_4 = document.querySelector("#img-4");
    var img4 = document.querySelector("#img4");
    img_4.addEventListener("mouseover", function () {
        img4.style.right = "0px"
    });

    var img_11 = document.querySelector("#img-11");
    var img11 = document.querySelector("#img11");
    img_11.addEventListener("mouseover", function () {
        img11.style.left = "150px"
    });




</script>
</body>
</html>